<template>
  <!-- 输入框 -->
  <div class="w-full bg-AiChatInput m-auto rounded-lg overflow-hidden p-2">
    <textarea
      class="w-full h-[60px] bg-AiChatInput p-2 border-none resize-none focus:outline-none"
      v-model="Input"
    ></textarea>
    <p class="flex flex-row justify-end items-center px-3 gap-5 cursor-pointer">
      <span class="iconfont icon-fujian" style="font-size: 20px"></span>
      <el-button type="primary" size="small" @click="emit('SendToAi')">发送</el-button>
    </p>
  </div>
</template>

<script setup lang="ts">
const Input = defineModel<string>("Input", { required: true });
const emit = defineEmits<{
  (event: "SendToAi"): void;
}>();
</script>

<style lang="scss" scoped></style>
